"""
@author: Gaoyaoxia
@date: 2021-03-03 16:14:55
"""
<!-- 审核 -->
<template>
  <div class="box-content">
    <div class="basic-box">
      <div class="box-left">
        <section-title>基本信息</section-title>
        <div class="form-item">
          <div class="info">
            <a-row>
              <a-col :span="8"><span>姓名：</span>李菲菲</a-col>
              <a-col :span="8"><span>用户名：</span>lifeifei</a-col>
            </a-row>
          </div>
        </div>
        <section-title>修改前信息</section-title>
        <div class="form-item">
          <div class="info">
            <a-row>
              <a-col :span="8"><span>移动电话：</span>18905678901</a-col>
              <a-col :span="8"><span>办公电话：</span>348882323</a-col>
              <a-col :span="8"><span>传真：</span>889988</a-col>
              <a-col :span="8"
                ><span>电子邮箱：</span>glding@hiyuntek.com</a-col
              >
              <a-col :span="8"><span>邮政编码：</span></a-col>
              <a-col :span="8"><span>是否邮寄：</span></a-col>
              <a-col :span="8"
                ><span>单位职务：</span
                >合肥市农业委员会调研员，九三学社合肥市委副主委</a-col
              >
              <a-col :span="16"
                ><span>联系地址：</span
                >合肥巢湖经开区姥山路南段合肥职业技术学院</a-col
              >
            </a-row>
          </div>
        </div>
        <section-title>修改后信息</section-title>
        <div class="form-item">
          <div class="info">
            <a-row>
              <a-col :span="8"><span>移动电话：</span>18905678901</a-col>
              <a-col :span="8"><span>办公电话：</span></a-col>
              <a-col :span="8"><span>传真：</span>889988</a-col>
              <a-col :span="8"
                ><span>电子邮箱：</span>glding@hiyuntek.com</a-col
              >
              <a-col :span="8"><span>邮政编码：</span></a-col>
              <a-col :span="8"><span>是否邮寄：</span></a-col>
              <a-col :span="8"
                ><span>单位职务：</span
                >合肥市农业委员会调研员，九三学社合肥市委副主委</a-col
              >
              <a-col :span="16"
                ><span>联系地址：</span
                >合肥巢湖经开区姥山路南段合肥职业技术学院</a-col
              >
            </a-row>
          </div>
        </div>
      </div>
      <div class="box-right">
        <a-form-model
          class="form"
          ref="ruleForm"
          :model="form"
          :rules="rules"
          :label-col="{ span: 6 }"
          :wrapper-col="{ span: 18 }"
        >
          <a-form-model-item label="审核" prop="status">
            <a-radio-group v-model="form.status">
              <a-radio value="1"> 通过 </a-radio>
              <a-radio value="2"> 不通过 </a-radio>
            </a-radio-group>
          </a-form-model-item>
          <a-form-model-item label="具体意见" prop="suggestions">
            <a-textarea :rows="4" style="height: 100px" />
          </a-form-model-item>
        </a-form-model>
        <div class="form-footer">
          <a-button type="primary" @click="handleAduit"> 确定 </a-button>
          <a-button style="margin-left: 14px" @click="$router.back()">
            返回
          </a-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import sectionTitle from 'components/base/sectionTitle'
export default {
  components: { sectionTitle },
  data() {
    return {
      id: '',
      records: {},
      form: {
        status: '1',
        suggestions: ''
      },
      rules: {
        status: [{ required: true, trigger: 'change' }]
      }
    }
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {
    //审核确定回调
    handleAduit() {}
  },
  created() {}
}
</script>
<style lang='less' scoped>
.box-content {
  padding: 15px;
}
.form {
  position: relative;
  height: 100%;
  overflow-y: auto;
  /deep/.ant-form-item {
    padding: 0px 30px 15px 0px;
  }
  /deep/.ant-form-item label {
    color: #919191;
  }
}
.form-footer {
  position: absolute;
  padding: 15px 0;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
</style>